 
   <div id="cols2-top"></div>
    <div id="cols2" class="box">
    
        <!-- content -->
        <div id="col-left">

            <div class="title">
                <span class="f-right"><a href="#" class="ico-rss"></a></span>
                <h4>Choose a position</h4>
            </div> <!-- /title -->
            
            <div id="map_canvas" style="width: 600px; height: 400px"></div>
        
        </div> <!-- /col-left -->

        <hr class="noscreen" />

        <!-- contact list -->
        <div id="col-right">
        
            <h4><span>Contacts</span></h4>

            <div class="box" id="contact_list">
					Click left map to choose a region first
            </div> <!-- /box -->
        
        </div> <!-- /col-right -->
    
    </div> <!-- /cols2 -->
    <div id="cols2-bottom"></div>

    <hr class="noscreen" />
    <style type="text/css">
      @import url("http://www.google.com/uds/css/gsearch.css");
      @import url("http://www.google.com/uds/solutions/localsearch/gmlocalsearch.css");
      @import url("/css/start/jquery-ui-1.7.2.custom.css");
      @import url("/css/galleria.css");
    </style>
    
    <!-- ui-dialog -->
		<div id="dialog" title="Make Contact">
			<p>loading...</p>
		</div>
    
    #parse("google_lib_load.vm")  
    <script src="/js/jquery-1.3.2.min.js"></script> 
    <script src="/js/jquery-ui-1.7.2.custom.min.js"></script> 
    <script type="text/javascript" src="/js/jquery.galleria.js"></script> 
    <script src="/js/makecontact.js"></script> 
    <script language="javascript">

    function pageInitExit(){
    	initializeMap();
    	initialJQueryUI();
    }
    function initializeMap() {      
        if (GBrowserIsCompatible()) {
          var map = new GMap2(document.getElementById("map_canvas"));
          map.setCenter(new GLatLng(1.3559982755948157, 103.81942749023438), 11);
          map.addControl(new GSmallMapControl());
          map.addControl(new GMapTypeControl());
        
          // Creates a marker at the given point
          // Clicking the marker will hide it
          function createMarker(lat,lng, name,description,positionId) {
            var latlng=new GLatLng(lat,lng);
            var marker = new GMarker(latlng);
            marker.value = name;
            GEvent.addListener(marker,"click", function() {
              //var myHtml = "<b>#" + name + "</b><br/>";
              var myHtml="<h3><a href='#' onclick='loadContact(this);return false' id='"+positionId+"'>"+                  
              name+"</a></h3><p>"+description+"</p>";
              map.openInfoWindowHtml(latlng, myHtml);
            });
            return marker;
        }
      
          //map.addOverlay(createMarker(1.3702421378198784,103.84895324707031,"Ang Mo Kio","This is one sample place","Ang Mo Kio"));
          //map.addOverlay(createMarker(1.3802421378198784,103.84895324707031,"Ang Mo Kio","This is one sample place","Ang Mo Kio"));
            
       
            #foreach($position in $postionsMarked)
          map.addOverlay(createMarker($position.latitute,$position.longtitute,"$position.positionName","$position.description","$position.code"));
    	    #end
        }
      }
    
    </script>